<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="utf-8" />
    <title>Control Escolar CBTa 87</title>
    <link rel="stylesheet" href="css/styles.css" type="text/css" />
    <link rel="shortcut icon" href="imagenes/cbta.ico">
  	<link rel="stylesheet" href="css/estilo_frm.css" type="text/css" />
    <script type="text/javascript" src="jquery/jquery.js"></script>
    <script type="text/javascript" src="jquery/modernizr.js"></script>
	<script type="text/javascript" src="jquery/jquery-1.2.6.min.js"></script>
	<script language="javascript" src="jquery/jquery.validate.js"></script> 
	<script type="text/javascript" language="javascript"> 
$(document).ready(function(){ 
   $("#frm_login").validate({ 
      rules: { 
         txt_matricula: { 
            required: true,
			maxlength:45 
         }, 
		 txt_password: {
		    required: true, 
			maxlength:50
         }
		 
      }, 
      messages: { 
         txt_matricula: { 
            required: "*", 
			maxlength:"*"
         }, 		 
		 txt_password: {
		    required: "*",
			maxlength:"*",
         }		           
      }              
   }); 
});       
</script> 
</head>

<body>
	<div id="pagina">
        <header>
        	<table id="Tabla_01" width="960" height="160" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td>
			<img src="imagenes/header_F_01.gif" width="160" height="160" alt=""></td>
		<td>
			<img src="imagenes/header_F_02.gif" width="160" height="160" alt=""></td>
		<td>
			<img src="imagenes/header_F_03.gif" width="160" height="160" alt=""></td>
		<td>
			<img src="imagenes/header_F_04.gif" width="160" height="160" alt=""></td>
		<td>
			<img src="imagenes/header_F_05.gif" width="160" height="160" alt=""></td>
		<td>
			<img src="imagenes/header_F_06.gif" width="160" height="160" alt=""></td>
	</tr>
</table>
        </header>
        <div id="content">
            <nav>
            	<div id="tabsI">
                    <ul>
                        <li class="current">Login alumnos</li>                       
                    </ul>                   
				</div>                                                
            </nav>            
            <div id="mainContent">
            <aside>
            </aside>
            <section>                
                <article>
                <br/>
                    <h1 class="centr">Control Escolar CBTa 87</h1>
                    <div id="login">
                    	<h3>Ingrese sus datos</h3>                        
                    	<form id="frm_login" action="php/Seguridad/validar_alumno.php" method="post">
                        	<label class="label_frm">Matricula: &nbsp;&nbsp;</label>
                            <input type="text" name="txt_matricula" id="txt_matricula" class="required" /><br/>
                            <label class="label_frm">Contrase&ntilde;a: </label>
                            <input type="password" name="txt_password" id="txt_password" class="required" /><br/>
                            <input type="submit" class="btn" name="enviar" value="Entrar" />                            
                            <?php
								if(isset($_GET['error'])){														
								$msj=$_GET['error'];
								if($msj=="EU"){
									echo "<p style='font-size:12px; color:#900; text-align:center;'>Matricula o contrase&ntilde;a incorrectos</p>";
								}
								}
							?>
                        </form>                        
                    </div>                      
                    <p class="nota">*La contrase&ntilde;a del alumno es la fecha de su nacimiento en el siguiente formato AAAAMMDD</p>                  
                </article>
            </section>
            </div>
        </div>
        <div class="clear"></div>
        <footer class="pie">
            <p>&copy; 2012 SOLUCITI.  All rights reserved</p>
		<p><a href="#">Terms Of Use</a>   |   <a href="#">Privacy Policy</a></p>
        </footer>
	</div>
</body>
</html>